<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>尚客云台</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="../themes/icon.css" />
    <style type="text/css">
        #school li{
            list-style: none;
        }
        #school li a{
            text-decoration: none;
            color: #222222;
            line-height: 25px;
        }

        #north_text{
            background-color: #a593d9;
            text-align:center;
            font-size: 20px;
            font-weight: bold;
            line-height: 40px;
            width: 15%;
            float: left;
        }

        #north_user{
            background-color: #1a3d5f;
            line-height: 40px;
            width: 85%;
            float: right;
        }
    </style>
</head>
<body class="easyui-layout">
    <div id="north" data-options="region:'north'">
        <div id="north_text">尚云客云平台</div>
        <div id="north_user">a</div>
    </div>
    <div class="easyui-accordion" data-options="region:'west',title:'导航菜单',split:false,collapsible:false" style="width:15%">

        <div id="cloud" data-options="title:'云端首页',collapsible:false"></div>
        <div id="classRoom" data-options="title:'云课堂',collapsible:true"></div>
        <div id="school" data-options="title:'校区管理',collapsible:true,fit:true">
            <ul>
                <li><a id="class" href="javaScript:void(0)" >班级管理</a></li>
                <li><a id="group" href="javaScript:void(0)" >小组管理</a></li>
                <li><a id="student" href="javaScript:void(0)" >学生管理</a></li>
                <li><a id="teach" href="javaScript:void(0)" >教质管理</a></li>
                <li><a id="schoolmanager" href="javaScript:void(0)" >校区管理</a></li>
                <li><a id="Promanager" href="javaScript:void(0)" >专业管理</a></li>
            </ul>
        </div>
    </div>
    <div id="center" class="easyui-tabs" data-options="region:'center'" style="width:85%;padding:5px;background:#eee"></div>


<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
<script>
    $(function () {
        $("#class").click(function () {
            var content ="校区管理 > "+   $(this).text();
            if ($("#center").tabs('exists', content)) {
                $("#center").tabs('select', content);
            } else {
                $("#center").tabs('add', {
                    title:content,
                    href: "class_show.html",
                    closable: true
                })
            }
        });

        $("#group").click(function () {
            var content ="校区管理 > "+  $(this).text();
            if ($("#center").tabs('exists', content)) {
                $("#center").tabs('select', content);
            } else {
                $("#center").tabs('add', {
                    title:content,
                    href: "group_show.html",
                    closable: true
                })
            }
        });
        $("#student").click(function () {
            var content ="校区管理 > "+  $(this).text();
            if ($("#center").tabs('exists', content)) {
                $("#center").tabs('select', content);
            } else {
                $("#center").tabs('add', {
                    title:content,
                    href: "${basePath}sys/student_studentUI.action",
                    closable: true
                })
            }
        });
        $("#teach").click(function () {
            var content ="校区管理 > "+  $(this).text();
            if ($("#center").tabs('exists', content)) {
                $("#center").tabs('select', content);
            } else {
                $("#center").tabs('add', {
                    title:content,
                    href: "teach_show.html",
                    closable: true
                })
            }
        });
        $("#schoolmanager").click(function () {
            var content ="校区管理 > "+  $(this).text();
            if ($("#center").tabs('exists', content)) {
                $("#center").tabs('select', content);
            } else {
                $("#center").tabs('add', {
                    title:content,
                    href: "${basePath}sys/school_schoolUI.action",
                    closable: true
                })
            }
        });
         $("#Promanager").click(function () {
            var content ="校区管理 > "+  $(this).text();
            if ($("#center").tabs('exists', content)) {
                $("#center").tabs('select', content);
            } else {
                $("#center").tabs('add', {
                    title:content,
                    href: "teach_show.html",
                    closable: true
                })
            }
        });
    });
</script>
</body>
</html>
